Mestring af TypeScript Utility Typer: En Praktisk Guide til Globale Udviklere

            
interface Customer {
  id: string;
  firstName: string;
  lastName: string;
  email: string;
  phoneNumber: string;
  address: {
    street: string;
    city: string;
    country: string;
    postalCode: string;
  };
  preferences?: {
    language: string;
    currency: string;
  }
}

            

              
                Copy
              
            
          

            
type PartialCustomer = Partial<Customer>;

function updateCustomer(id: string, updates: PartialCustomer): void {
  // ... implementering for at opdatere kunden med det givne ID
}

updateCustomer("123", { firstName: "John", lastName: "Doe" }); // Gyldigt
updateCustomer("456", { address: { city: "London" } }); // Gyldigt

            

              
                Copy
              
            
          

            
interface AppConfig {
  apiUrl: string;
  theme: string;
  supportedLanguages: string[];
  version: string; // Tilføjet version
}

const config: AppConfig = {
  apiUrl: "https://api.example.com",
  theme: "dark",
  supportedLanguages: ["en", "fr", "de", "es", "zh"],
  version: "1.0.0"
};

            

              
                Copy
              
            
          

            
type ReadonlyAppConfig = Readonly<AppConfig>;

const readonlyConfig: ReadonlyAppConfig = {
  apiUrl: "https://api.example.com",
  theme: "dark",
  supportedLanguages: ["en", "fr", "de", "es", "zh"],
  version: "1.0.0"
};

// readonlyConfig.apiUrl = "https://newapi.example.com"; // Fejl: Kan ikke tildele til 'apiUrl', fordi det er en skrivebeskyttet egenskab.

            

              
                Copy
              
            
          

            
interface Event {
  id: string;
  title: string;
  description: string;
  location: string;
  startTime: Date;
  endTime: Date;
  organizer: string;
  attendees: string[];
}

            

              
                Copy
              
            
          

            
type EventSummary = Pick<Event, "title" | "location" | "startTime">;

function displayEventSummary(event: EventSummary): void {
  console.log(`Event: ${event.title} på ${event.location} den ${event.startTime}`);
}

            

              
                Copy
              
            
          

            
type NewEvent = Omit<Event, "id">;

function createEvent(event: NewEvent): void {
  // ... implementering for at oprette en ny begivenhed
}

            

              
                Copy
              
            
          

            
type Translations = Record<string, string>;

const enTranslations: Translations = {
  "hello": "Hello",
  "goodbye": "Goodbye",
  "welcome": "Welcome to our platform!"
};

const frTranslations: Translations = {
  "hello": "Bonjour",
  "goodbye": "Au revoir",
  "welcome": "Bienvenue sur notre plateforme !"
};

function translate(key: string, language: string): string {
  const translations = language === "en" ? enTranslations : frTranslations; //Simplified
  return translations[key] || key; // Fallback to the key if no translation is found
}

console.log(translate("hello", "en")); // Output: Hello
console.log(translate("hello", "fr")); // Output: Bonjour
console.log(translate("nonexistent", "en")); // Output: nonexistent

            

              
                Copy
              
            
          

            
type EventType = "concert" | "conference" | "workshop" | "webinar";

            

              
                Copy
              
            
          

            
type PhysicalEvent = Exclude<EventType, "webinar">;

// PhysicalEvent er nu "concert" | "conference" | "workshop"

function attendPhysicalEvent(event: PhysicalEvent): void {
  console.log(`Deltager i en ${event}`);
}

// attendPhysicalEvent("webinar"); // Fejl: Argument af typen '"webinar"' kan ikke tildeles parameteren af typen '"concert" | "conference" | "workshop"'.

attendPhysicalEvent("concert"); // Gyldigt

            

              
                Copy
              
            
          

            
type OnlineEvent = Extract<EventType, "webinar">;

// OnlineEvent er nu "webinar"

function attendOnlineEvent(event: OnlineEvent): void {
  console.log(`Deltager i en ${event} online`);
}

attendOnlineEvent("webinar"); // Gyldigt
// attendOnlineEvent("concert"); // Fejl: Argument af typen '"concert"' kan ikke tildeles parameteren af typen '"webinar"'.

            

              
                Copy
              
            
          

            
type MaybeString = string | null | undefined;

type DefinitelyString = NonNullable<MaybeString>;

// DefinitelyString er nu string

function processString(str: DefinitelyString): void {
  console.log(str.toUpperCase());
}

// processString(null); // Fejl: Argument af typen 'null' kan ikke tildeles parameteren af typen 'string'.
// processString(undefined); // Fejl: Argument af typen 'undefined' kan ikke tildeles parameteren af typen 'string'.
processString("hello"); // Gyldigt

            

              
                Copy
              
            
          

            
function greet(name: string): string {
  return `Hello, ${name}!`;
}

type Greeting = ReturnType<typeof greet>;

// Greeting er nu string

const message: Greeting = greet("World");

console.log(message);

            

              
                Copy
              
            
          

            
function logEvent(eventName: string, eventData: object): void {
  console.log(`Event: ${eventName}`, eventData);
}

type LogEventParams = Parameters<typeof logEvent>;

// LogEventParams er nu [eventName: string, eventData: object]

const params: LogEventParams = ["user_login", { userId: "123", timestamp: Date.now() }];

logEvent(...params);

            

              
                Copy
              
            
          

            
class Greeter {
  greeting: string;

  constructor(message: string) {
    this.greeting = message;
  }

  greet() {
    return "Hello, " + this.greeting;
  }
}


type GreeterParams = ConstructorParameters<typeof Greeter>;

// GreeterParams er nu [message: string]

const paramsGreeter: GreeterParams = ["World"];
const greeterInstance = new Greeter(...paramsGreeter);

console.log(greeterInstance.greet()); // Outputs: Hello, World

            

              
                Copy
              
            
          

            
interface UserProfile {
  name: string;
  age?: number;
  email?: string;
}

type RequiredUserProfile = Required<UserProfile>;

// RequiredUserProfile er nu { name: string; age: number; email: string; }

const completeProfile: RequiredUserProfile = {
  name: "Alice",
  age: 30,
  email: "alice@example.com"
};

// const incompleteProfile: RequiredUserProfile = { name: "Bob" }; // Fejl: Egenskaben 'age' mangler i typen '{ name: string; }', men den er påkrævet i typen 'Required'.

            

              
                Copy
              
            
          

            
type HTTPMethod = "GET" | "POST" | "PUT" | "DELETE";
type APIEndpoint = `/api/users` | `/api/products`;

type RequestURL = `${HTTPMethod} ${APIEndpoint}`;

// RequestURL er nu "GET /api/users" | "POST /api/users" | "PUT /api/users" | "DELETE /api/users" | "GET /api/products" | "POST /api/products" | "PUT /api/products" | "DELETE /api/products"

function makeRequest(url: RequestURL): void {
  console.log(`Laver anmodning til ${url}`);
}

makeRequest("GET /api/users"); // Gyldigt
// makeRequest("INVALID /api/users"); // Fejl

            

              
                Copy
              
            
          

            
type UnwrapPromise<T> = T extends Promise<infer U> ? U : T;

// Hvis T er en Promise, så er typen U; ellers er typen T.

async function fetchData(): Promise<number> {
  return 42;
}


type Data = UnwrapPromise<ReturnType<typeof fetchData>>;

// Data er nu number

function processData(data: Data): void {
  console.log(data * 2);
}

processData(await fetchData());

            

              
                Copy